<template>
  <div class="teamContainer">
    <el-image
      src="http://file.chat.navrise.com/file/demo/usBanner3.png"
      fit="cover"
      style="height: 33.33rem"
    ></el-image>
    <div class="teamContent">
      <div class="blockContainer">
        <div v-for="(item,index) in data" class="everyBlock">
          <el-image
            :src="item.img"
            fit="cover"
          ></el-image>
          <div class="details">
            <h4 :class="index === 0?topStyle:''">{{item.name}}</h4>
            <h5 :class="index === 0?topStyle:''">{{item.position}}</h5>
            <p>{{item.introduceOne}}</p>
            <p>{{item.introduceTwo}}</p>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>

<script>
  // import teamBannerUrl from '@/assets/img/aboutUs/usBanner3.png'
  import personalUrl1 from  '@/assets/img/aboutUs/person1.png'
  import personalUrl2 from  '@/assets/img/aboutUs/person2.png'
  import personalUrl3 from  '@/assets/img/aboutUs/person3.png'
  import personalUrl4 from  '@/assets/img/aboutUs/person4.png'
  import personalUrl5 from  '@/assets/img/aboutUs/person5.png'
  export default {
    name: "team",
    data(){
      return{
        // teamBannerUrl:teamBannerUrl,
        topStyle:'topStyle',
        data:[
          {
            img:personalUrl1,
            name:'肖天航',
            position:'创始人、董事长兼总经理',
            introduceOne:'曾就职于杭州斯凯网络科技有限公司，为杭州真趣网络科技有限公司创始人之一。',
            introduceTwo:'擅长公司战略制定及内部管理，在移动互联网运营领域拥有丰富的资源及工作经验。'},
          {
            img:personalUrl2,
            name:'魏聪聪',
            position:'城市新媒体负责人',
            introduceOne:'全面负责旭航城市新媒体版块业务运营。',
            introduceTwo:'曾任浙江电信电子渠道运营总监、市场经理。2013年以站长身份开始创业，单日流量过百万。'},
          {
            img:personalUrl3,
            name:'范超',
            position:'海外营销负责人',
            introduceOne:'全面负责旭航海外营销业务。',
            introduceTwo:'曾任台湾上市集团FOXLINK上海分公司高级管理人员，18年以上通讯行业项目管理经验，精通移动通讯领域项目管理、采购、生产、销售、商务、售后工作。'
          },
          {
            img:personalUrl4,
            name:'朱敏',
            position:'战略顾问',
            introduceOne:'Webex创始人之一；赛伯乐集团创始人。',
            introduceTwo:'曾入选美国杰出华人企业家，被评为中国互联网+最具影响力年度人物，中国创新创业先锋以及福布斯中国最佳投资人。'
          },
          {
            img:personalUrl5,
            name:'朱磊',
            position:'技术顾问',
            introduceOne:'毕业于斯坦福大学，信息技术专家，拥有国际顶尖技术实力和海外创业背景。',
            introduceTwo:'曾任美国网讯公司（WebEx）并担任公司首席构架师，及红杉树（中国）信息技术有限公司创始人。'
          }
        ]
      }
    }
  }
</script>

<style scoped lang="scss">
.teamContainer{
  width: 100%;
  .teamContent{
    width: 76.66rem;
    margin: 0 auto 15rem;
    position: relative;
    .blockContainer{
      width: 100%;
      margin-top: -9rem;
      .everyBlock{
        width: 100%;
        height: 20rem;
        display: flex;
        .el-image{
          width: 16.66rem;
          height: 100%;
        }
        .details{
          width: 57.5rem;
          height: 100%;
          margin-left: 2.5rem;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          h4,h5,p{
            margin: 0;
            font-weight: 400;
            text-align: left;
          }
          h4{
            font-size: 2rem;
            color: #333333;
            margin: 2rem 0 1.0833rem;
          }
          h5{
            font-size: 1.5rem;
            color: #555555;
            margin-bottom: 3.166rem;
          }
          p{
            /*font-family: 'fontNormal';*/
            font-size: 1.25rem;
            line-height: 1.83rem;
            color: #777777;
          }
          .topStyle{
            color: #ffffff;
          }
        }
      }
      .everyBlock+.everyBlock{
        margin-top: 4.166rem;
      }
    }
  }
}
</style>
